@import '../../style/mixin.scss';

.noticedetail {
    min-height: 100vh;

    .noticedetail-top {
        padding-top: 96px;
    }

    .noticedetail-main {
        background-color: #fff;
        padding         : 30px 40px;
        margin          : 20px 0;

        h2 {
            @include font(30px, #000, center);
            font-weight: 600;
        }
    }

    .noticedetail-subtitle {
        @include flex(space-between);
        padding: 20px 0;
        width  : 40%;
        margin : auto;
    }

    .noticedetail-content {
        @include font(16px, #000);
        text-indent: 32px;
    }

    .noticedetail-next {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:900px) {
    .noticedetail {
        .noticedetail-main {
            padding: 20px;

            h2 {
                @include font(1.25rem, #000, center);

            }
        }

        .noticedetail-content {
            @include font(.75rem, #000);
        }

        .noticedetail-subtitle {
            width: 90%;
        }
    }
}